<template>
  <view class="pop" v-if="isShow">
    <view class="box">
      <view class="title"></view>
      <view class="desc">您已完成注册，点击确定回到首页</view>
      <view class="button" @click="toSindex">确定</view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      isShow: false
    };
  },
  methods: {
    show() {
      this.isShow = true
    },
    toSindex() {
      this.isShow = false
      uni.switchTab({
        url: '/pages/sindex/index'
      })
    }
  }
}
</script>

<style lang="scss" scoped>
.pop {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, .5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;

  .box {
    width: 640upx;
    height: 518upx;
    background-color: #fff;
    border-radius: 8upx;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding: 50upx 40upx;

    .title {
      width: 169upx;
      height: 41upx;
      background-image: url("https://wechat-pictures-1301970825.file.myqcloud.com/shop/oUser/title2.png");
      background-size: 100% 100%;
    }

    .desc {
      font-size: 48upx;
      color: #333333;
      line-height: 78upx;
      margin-top: 49upx;
      text-align: center;
    }

    .button {
      width: 100%;
      height: 98upx;
      border-radius: 8upx;
      background-color: #5CAE77;
      line-height: 98upx;
      text-align: center;
      color: #fff;
      font-size: 44upx;
      margin-top: 70upx;
    }
  }
}
</style>
